<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>18_选择器-伪元素选择器</title>

        <style>
            /* (1) first-letter 第一个字母*/
            div::first-letter {
                color: red;
            }

            /* (2) first-line  第一行*/
            div::first-line {
                background-color: yellow;
            }

            /* (3)placeholder */
            input::placeholder {
                color: green;
            }

            /* (4)selection 文本被选中后的样式 */
            div::selection {
                background-color: blue;
            }

            /* (5) before */
            div::before {
                content: "今天的你过的还好吗？";
            }

            /* (6)after */
            p::after {
                content: "马上就下课了";
            }



        </style>
    </head>
    <body>
        <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, eos pariatur? Et, optio officia? Consequatur eveniet dolores quasi veniam magni praesentium libero quas qui, fugit voluptatum minima fugiat, adipisci odit.
        Recusandae dolorem a velit obcaecati quisquam non adipisci nemo odio fuga nisi, voluptas earum eveniet id impedit vel? Aut quidem illo suscipit vel temporibus reprehenderit, accusantium eaque doloremque possimus nemo.
        Harum qui saepe rem nulla at molestiae eveniet natus, error sunt. Iste quibusdam dolores labore possimus alias, natus, perspiciatis illum ex placeat quasi rerum laboriosam ipsa exercitationem aut est veniam!
        Ut quis ratione aperiam eius atque dolorem nesciunt dignissimos consectetur corrupti porro sapiente nostrum quas a ab voluptates ullam fugiat architecto rerum blanditiis veniam quibusdam, eligendi ipsa magni impedit. Error!
        Veritatis cum sapiente at quibusdam odio corrupti, repellat minima adipisci. Quaerat quas ex inventore? Rem reiciendis ad praesentium quis ipsum, eos sequi odit nobis cumque saepe, dolor vitae voluptatum. Dolorum.</div>
    
    
        <input type="text" placeholder="请输入6到8个英文字母">

        <div></div>

        <p></p>
    </body>
</html>